<template>
  <div class="log public">
        <!-- 面包屑 -->
      	<el-breadcrumb separator=">" class="crumbs">
      	  	<el-breadcrumb-item :to="{ path: '/log'}">操作日志</el-breadcrumb-item>
      	</el-breadcrumb>
        <!-- 查询条件 -->
        <el-row :gutter="20">
            <el-col :span="11">
                <el-col :span="8">日期</el-col>

                <el-col :span="16">
                    <!-- 日期选择器 -->
                    <el-date-picker
                        v-model="dateScope"
                        type="daterange"
                        placeholder="选择日期范围"
                        @change="fn(dateScope)">
                    </el-date-picker>
                </el-col>
            </el-col>
            <el-col :span="11">
                <el-col :span="8">
                    用户名
                </el-col>
                <el-col :span="16">
                    <el-input placeholder="请输入内容"></el-input>
                </el-col>
            </el-col>
            <el-col :span="2"><el-button>查询</el-button></el-col>
        </el-row>
        <!-- 列表展示 -->
        <el-table :data="tableData" style="width: 100%" class="table">
            <el-table-column prop="date" label="用户名" width="200"></el-table-column>
            <el-table-column prop="name" label="时间" width="200"></el-table-column>
            <el-table-column prop="address" label="操作记录" ></el-table-column>
        </el-table>
        <!-- 分页 -->
        <el-pagination
        class="sorter"
        @size-change=""
        @current-change=""
        :current-page.sync="firstpage"
        :page-size="100"
        layout="prev, pager, next, jumper"
        :total="1000">
      </el-pagination>
  </div>
</template>

<script>
export default {
    name: 'log',
    data () {
        return {
            dateScope:'',
            tableData:[],
            firstpage:1
        }
    },
    methods:{
        fn(val){
            var date = new Date(val[1]).getTime();
        }
	},
	created () {

	},
	mounted () {

	}
}
</script>

<style scoped lang="scss">
@import "./../style/public.scss"
// @import "./../style/log.scss"
</style>
